@charset "utf-8"; 
.foot{
	ul{
		list-style: none !important;
	}
	.t{
		background-color: rgba(6,7,13,.8);
		ul{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			li{
				margin: 18px 0;
				span{
					padding: 0 12px;
					display: block;
					color: #fff;
					font-size: 14px;
					letter-spacing: .27px;
					line-height: 18px;
					height: 18px;
				}
				a{
					padding: 0 12px;
					display: block;
					color: #fff;
					font-size: 14px;
					letter-spacing: .27px;
					line-height: 18px;
					height: 18px;
				}
			}
		}
	}
	.b{
		background-color: rgb(30, 30, 30);
		padding: 50px 0;
		.bMain{
			>dt{
				display: flex;
				flex-direction: row;
				margin-bottom: 36px;
				align-items: flex-start;
				min-height: 180px;
				.dtBox{
					flex: 1; 
					.logo{
						img{
							display: block;
							    width: 90px;
							    height: auto;
							    padding-top: 10px;
							    padding-bottom: 10px;
						}
						h4{
							    font-size: 16px;
							    color: #fff;
							    letter-spacing: .3px;
							    line-height: 24px;
								font-weight: normal;
						}
					}
				
				}
				
				.yqLink{
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					align-items: flex-start;
					li{
						margin-right: 40px;
						margin-bottom: 24px;
						a{
							display: block;
							    font-size: 16px;
							    color: #fff;
							    letter-spacing: .3px;
							    line-height: 16px;
						}
					}
				}
			
				.lxBox{
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					.left{
						width: 246px; 
						.lxTuBox{
							display: flex;
							flex-direction: row;
							img{
								    margin: 10px;
								    width: 24px;
								    height: 24px;
									display: block;
									cursor: pointer;
							}
						}
						h3{
							    font-size: 16px;
							    color: #fff;
							    letter-spacing: .3px;
								    line-height: 1.8;
									font-weight: normal;
						}
						p{
							    font-size: 14px;
							    color: #d4d6da;
							    margin-bottom: 10px;
								    line-height: 1.8;
						}
					}
					.right{ 
						.r_code{
							background: #fff;
							width: 100px;
							border: 18px solid #fff;
							.QRCodeDiv{
								width: 100px;
								height: 100px;
							}
							.txt{
								text-align: center;
								font-size: 14px;
								color: #000;
								line-height: 24px;
								margin-top: 8px;
							}
						}
					}
				}
			}
			>dd{
				font-size: 20px;
				text-align: center;
				letter-spacing: .38px;
				line-height: 1.8;
				color: #fff;
			}
		}
	}
}



@media screen and (max-width:767px){
	.foot{
		.t{
			.tMain{
				justify-content: center;
			}
		}
		
		.b{
			.bMain{
				dt{
					flex-direction: column;
					align-items: center;
					.dtBox{
						margin: 15px 0;
						.logo{
							display: flex;
							flex-direction: column;
							align-items: center;
						}
					}
					
					.yqLink{
						justify-content: center;
						li{
							margin: 10px;
						}
					}
					.lxBox{
						display: none;
					}
				}
			}
		}
	}
}